<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>睿云 让生活更美好！</title>
    <script src="../static/js/vue.js" th:src="@{/js/vue.js}"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../static/css/element.css" th:href="@{/css/element.css}">
    <link rel="stylesheet" href="../static/css/global.css" th:href="@{/css/global.css}"/>
    <link rel="stylesheet" href="../static/css/main.css" th:href="@{/css/main.css}"/>
    <link rel="stylesheet" href="../static/css/myelement.css" th:href="@{/css/myelement.css}"/>
    <!-- 引入组件库 -->
    <script src="../static/js/element.js" th:src="@{/js/element.js}"></script>
</head>
<body>
<div id="app">
    <el-button type="primary" @click="showDailog">会员发送优惠券弹出框</el-button>

    <!-- 发送优惠券模态框 -->
    <el-dialog title="发送优惠券" :visible.sync="dialogFormVisible">
        <ul class="send_coupon_list">
            <li>
                <h3 class="fz30">店铺优惠券</h3>
                <div class="send_list clearfix">
                    <span class="active">30元优惠券</span>
                    <span>15元优惠券</span>
                    <span>40元优惠券</span>
                    <span>100元优惠券</span>
                </div>
            </li>
            <li>
                <h3 class="fz30">单品优惠券</h3>
                <div class="send_list clearfix">
                    <span class="active">30元优惠券</span>
                    <span>15元优惠券</span>
                    <span>40元优惠券</span>
                    <span>100元优惠券</span>
                </div>
            </li>
        </ul>
        <div slot="footer" class="dialog-footer">
            <el-button type="primary">确 定</el-button>
            <el-button @click="dialogFormVisible = false">取 消</el-button>
        </div>
    </el-dialog>
    <!-- 发送优惠券模态框 end -->
</div>
</body>

<script>
    new Vue({
        el: "#app",
        data: {
            dialogFormVisible: false
        },
        methods: {
			showDailog: function () {
				this.dialogFormVisible = true;
			}
        }
    });
</script>
</html>